<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/icons/font/bootstrap-icons.min.css">
  <style>
    .header{
        height:150px;
        background-color: #2c416f;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        color: white;
        text-align: center;
    }
    .header-left{
        display:flex;
        align-items: center;
    }
    .header img{
        height:80px;
        margin-right: 10px;
    }
    .hp{
        font-size: 60px;
        color: white;
        text-decoration: none;
    }
    .ps{
        font-size: 20px;
        color: white;
        text-decoration: none;

    }
    .pm{
        height:20px;
        color: white;
        margin-right: 2px;
        font-size: 20px;
        text-decoration: none;
    }
  </style>
</head>
<body>
<div class = "header d-flex justify-content-between">
    <div class = "header-left d-flex align-content-center">
        <a href="/"><img src="static/img/logo.png" alt="logo"></a>
        <a href = "/" class = "hp">510梦想工作室</a>
    </div>
    <div class = "header-right d-flex align-content-center">
        <a href = "/personal" class = "pm"><i class=" bi-person-circle"></i></a>
        <a href = "/personal" class = "ps">个人中心</a>
    </div>
</div>
</body>
</html>